
/*banner轮播 start*/

#lunbobox {
    height:571px;
    position:relative;
}
.lunbo {
    height:571px;
    position: relative;
}
.lunbo img {
    width:100%;
    height:571px;
    position:absolute;
    top:0px;
    left:0px;
}


.experience {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 422px;
    margin: auto;
    width: 136px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 24px;
    z-index: 9999;
}

#lunbobox ul {
    width:150px;
    position:absolute;
    bottom:26px;
    right:0;
    left: 0;
    z-index:5;
    margin: auto;
}
#lunbobox ul li {
    width:62px;
    height:2px;
    float:left;
    list-style:none;
    background:#cccccc;
    text-align:center;
    margin:0px 10px 0px 0px;
}

/*banner轮播 end*/

.section-hyzz {
    height: 643px;
    padding-top: 279px;
    box-sizing: border-box;
    background: url("../img/section1_bg.jpg") center top no-repeat;
}

.hyzz-container {
    width: 1206px;
    margin: 0 auto;
}

.hyzz-item {
    float: left;
    position: relative;
}

.hyzz-item-img {
    width: 388px;
    height: 305px;
}

.btn-detail {
    display: block;
    width: 170px;
    height: 44px;
    border-radius: 100px;
    position: absolute;
    left: 110px;
    bottom: 22px;
}

.section-scene {
    height: 835px;
    padding-top: 150px;
    background: url("../img/section2_bg.jpg") center top no-repeat;
}

/*消防场景轮播start*/
.zy-slide{
    /* 两个 section (前一张、后一张) 要做相对定位 */
    position: relative;
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    /*background-color: red;*/
    /* 799 - 754 = 45 */
}

.zy-slide ul{
    position: relative;
    width: 1200px;
    height: 600px;

}
.zy-slide li{
    position: absolute;
    width: 0;
    height: 0;
    list-style: none;
    background-color: black;
    border-radius: 5px;
}
.zy-slide li img{
    width: 100%;
    height: 100%;
}

/*消费场景轮播end*/

.section-step {
    height: 1117px;
    background: url("../img/section3.jpg") center top no-repeat;
}

.section-report {
    background: #f7f7f7 url("../img/section4.jpg") center top no-repeat;
    position: relative;
    padding-top: 538px;
}

.to-all {
    width: 102px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 416px;
    margin: auto;
    cursor: pointer;
}

.report-img {
    width: 100%;
    height: 480px;

}

.media-items {
    width: 1140px;
    margin: 0 auto;
    height: 318px;
}

.media-item {
    float: left;
    margin-left: 150px;
}

.media-img {
    width: 178px;
    height: 68px;
    border: 1px solid #f7f7f7;
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
}

.media-img:hover {
    border: 1px solid #f7f7f7;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-box-shadow:0 0 10px #333;
    -webkit-box-shadow:0 0 10px #333;
    box-shadow:0 0 10px #333;
}

